<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
		<style>
			.box {
				height: 100px;
				width: 100px;
				background-color: red;
				/* transition: 5s; */
			}
		</style>
</head>
<body>
<div class="box"></div>
<hr>
<button class="show">show</button>
<button class="hide">hide</button>
<button class="toggle">toggle</button>
<br>
<button class="slideDown">slideDown</button>
<button class="slideUp">slideUp</button>
<button class="slideToggle">slideToggle</button>
<br>
<button class="fadeIn">fadeIn</button>
<button class="fadeOut">fadeOut</button>
<button class="fadeToggle">fadeToggle</button>
<button class="fadeTo">fadeTo</button>
<hr>
<button class="running">running</button>

<script src="js/jquery-3.5.1.js"></script>
<script src="js/index.js"></script>
</body>
</html>